公告栏

公告栏是文字组件类型的一种，支持自定义样式及其内容展示，用于展示公告信息等列表类型内容。

配置

• 基础设置

  • width：组件在编辑器中的宽度

  • height：组件在编辑器中的高度

  • top：组件与编辑器顶部的距离

  • left：组件与编辑器左侧的距离

• 画布间距

  • 顶间距：该图表与组件边界顶部的距离，单位为px

  • 右间距：该图表与组件边界右侧的距离，单位为px

  • 底间距：该图表与组件边界底部的距离，单位为px

  • 左间距：该图表与组件边界左侧的距离，单位为px

• 全局

  • 背景颜色：公告栏的颜色，支持hex、rgb以及rgba格式的色值

    

  • 单个间距：每一则公告之间的间距

  • 内边距

    • 左间距：公告与轴线的左间距

    • 右间距：公告与轴线的右间距

    • 上间距：公告整体的上边距

    • 下间距：公告整体的下边距

• 竖轴

  • 轴点

    • 大小：轴点的大小

    • 颜色：轴点的颜色，支持hex、rgb以及rgba格式的色值

    • 光晕

      • 光晕颜色：轴点光晕的颜色，支持hex、rgb以及rgba格式的色值

      • 光晕范围：轴点光晕的范围

  • 轴线

    • 轴线粗细：轴线的粗细

    • 轴线颜色：轴线的颜色，支持hex、rgb以及rgba格式的色值

• 正文

  • 背景颜色：正文内容的背景颜色，支持hex、rgb以及rgba格式的色值

  • 左右内边距：正文内容的左右内边距

  • 上下内边距：正文内容的上下内边距

  • 边框圆角：正文内容的边框圆角

  • 轴点标题

    • 字段名：轴点标题的字段名，配合数据配置，可以进行内容展示

    • 下边距：轴点标题的下边距

    • 文本对齐方式：轴点标题的文本对齐方式，可选左对齐、右对齐、居中对齐

    • 文本字号：文本的字体大小

    • 文本颜色：文本的颜色，支持hex、rgb以及rgba格式的色值

    • 文本字体：文本的字体

    • 字体粗细：文本字体的粗细

    

  • 正文标题

    • 字段名：正文标题的字段名，配合数据配置，可以进行内容展示

    • 下边距：正文标题的下边距

    • 文本对齐方式：正文标题的文本对齐方式，可选左对齐、右对齐、居中对齐

    • 文本字号：文本的字体大小

    • 文本颜色：文本的颜色，支持hex、rgb以及rgba格式的色值

    • 文本字体：文本的字体

    • 字体粗细：文本字体的粗细

    

  • 正文内容

    • 字段名：正文内容的字段名，配合数据配置，可以进行内容展示

    • 下边距：正文内容的下边距

    • 文本对齐方式：正文内容的文本对齐方式，可选左对齐、右对齐、居中对齐

    • 文本字号：文本的字体大小

    • 文本颜色：文本的颜色，支持hex、rgb以及rgba格式的色值

    • 文本字体：文本的字体

    • 字体粗细：文本字体的粗细

    

  • 正文页脚

    • 字段名：正文页脚的字段名，配合数据配置，可以进行内容展示

    • 文本对齐方式：正文页脚的文本对齐方式，可选左对齐、右对齐、居中对齐

    • 文本字号：文本的字体大小

    • 文本颜色：文本的颜色，支持hex、rgb以及rgba格式的色值

    • 文本字体：文本的字体

    • 字体粗细：文本字体的粗细

    

数据

return [{
    time: "2020年2月23日",
    title: "公告一",
    article: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
    footer: "来源：XXXX"
},......]

• time：自定轴点标题字段，需要与配置项中所配置的轴点标题字段保持一致，不需要则可以无

• title：自定正文标题字段，需要与配置项中所配置的正文标题字段保持一致，不需要则可以无

• article：自定正文内容字段，需要与配置项中所配置的正文内容字段保持一致，不需要则可以无

• footer：自定正文页脚字段，需要与配置项中所配置的正文页脚字段保持一致，不需要则可以无